<template>
  <view class="settings">
    <view class="cell">
      <view
        class="cell-item l-border-bottom"
        @click="$route('/pages/settings/about/index')"
      >
        <view class="cell-item_title">关于我们</view>
        <u-icon name="arrow-right" color="#000" size="12"></u-icon>
      </view>
      <!-- <button open-type="contact">
        <view class="cell-item l-border-bottom">
          <view class="cell-item_title">在线客服</view>
          <u-icon name="arrow-right" color="#000" size="12"></u-icon>
        </view>
      </button>
      <view
        class="cell-item l-border-bottom"
        @click="$route('/pages/settings/modifyPhone/index')"
      >
        <view class="cell-item_title">修改手机号</view>
        <u-icon name="arrow-right" color="#000" size="12"></u-icon>
      </view>
      <view
        class="cell-item l-border-bottom"
        @click="$route('/pages/settings/modifyPassword/index')"
      >
        <view class="cell-item_title">修改密码</view>
        <u-icon name="arrow-right" color="#000" size="12"></u-icon>
      </view> -->
      <view class="cell-item" @click="$route('/pages/settings/feedback/index')">
        <view class="cell-item_title">意见反馈</view>
        <u-icon name="arrow-right" color="#000" size="12"></u-icon>
      </view>
    </view>
	
	<view class="btn" @click="removeToken()"> 退出登录 </view>
  </view>
</template>

<script>
	import { removeToken } from "@/utils/auth";
export default {
  data() {
    return {};
  },
  methods: {
	  removeToken(){
		  removeToken()
		  uni.reLaunch({
		  	url: '/pages/login/index'
		  })
	  }
  },
};
</script>

<style lang="less" scoped>
.settings {
  padding: 30rpx;
  .cell {
    padding: 0 30rpx;
    border-radius: 10rpx;
    background: #ffffff;
  }
  .cell-item {
    display: flex;
    justify-content: space-between;
    padding: 38rpx 14rpx;
  }
  .cell-item_title {
    font-size: 30rpx;
    color: #000000;
  }
  button {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    line-height: normal;
  }
  button::after {
    border: none;
  }
  .btn{
	  width: 610rpx;
	  height: 80rpx;
	  background: linear-gradient( 83deg, #48B453 0%, #2C9F79 100%);
	  border-radius: 200rpx 200rpx 200rpx 200rpx;
	  margin: 0 auto;
	  margin-top: 160rpx;
	  font-family: PingFang SC, PingFang SC;
	  font-weight: 500;
	  font-size: 32rpx;
	  color: #FFFFFF;
	  line-height: 80rpx;
	  text-align: center;
  }
}
</style>
